@charset "utf-8";
/* CSS Document */
.first{ text-align:center; margin-top:-6%;}
.second,.third{ text-align:center; margin-top:5%;}
.third{ position:relative;}
.but { position:absolute;width:177px; height:175px;right:15%; top:16%; cursor:pointer;}
.but img{ width:177px;/* -webkit-animation: scaleout 2s infinite ease-in-out; */-ms-animation: scaleout 2s infinite ease-in-out;-moz-animation: scaleout 2s infinite ease-in-out;-o-animation: scaleout 2s infinite ease-in-out;animation: scaleout 2s infinite ease-in-out;}
.xiang { position:absolute;width:90%; height:auto;right:5%; bottom:6%; cursor:pointer;}
.last{width:100%; }
.last img{ width:100%;}
.second_4g{width:77%;margin:5% auto 0px auto; text-align:center}
.second_4g img{width:100%;}
@media (max-width:480px){
.first img,.second img,.third img{ width:90%}
.but{ position:absolute; width:100px; height:98px; background-size:100% 100%; -webkit-background-size:100% 100%; right:14%; top:18%;}
.but img{ width:100px;height:98px;}
.second_4g{width:89%;margin:5% auto 0px auto;}
.left_4g img{ width:80px; margin-top:10px;}
.right_4g p{ font-size:14px; color:#741006; font-weight:600; margin-bottom:6px;}
.right_4g a{ display:block; margin-left:10%;}
.right_4g a img{ width:190px;}
}

@media screen and (min-width: 320px) and (max-width : 384px){
.first img,.second img,.third img{ width:94%}
.but{ position:absolute; width:92px;height:90px; background-size:100% 100%; -webkit-background-size:100% 100%; right:14%; top:19%;}
.but img{ width:92px;height:90px;}
.sixth{ width:93%;}
.second_4g{width:93%;margin:5% auto 0px auto;}
.left_4g img{ width:80px; margin-top:10px;}
.right_4g h3{margin-bottom:8px;}
.right_4g p{ font-size:14px; color:#741006; font-weight:600; margin-bottom:6px;}
.right_4g a{ display:block; margin-left:10%;}
.right_4g a img{ width:180px;}
}
@media (max-width:320px){
.first img,.second img,.third img{ width:96%}
.but{ position:absolute; width:80px;height:78px; background-size:100% 100%; -webkit-background-size:100% 100%;  right:12%; top:18%;}
.but img{ width:80px;height:78px; }
.second_4g{width:93%;margin:5% auto 0px auto;}
.left_4g img{ width:70px; margin-top:10px;}
.right_4g h3{margin-bottom:8px;}
.right_4g h3 img{ width:50px;}
.right_4g p{ font-size:12px; color:#741006; font-weight:600; margin-bottom:6px;}
.right_4g a{ display:block; margin-left:10%;}
.right_4g a img{ width:150px;}
}
